<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>身份认证中心</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="robots" content="all,follow">
<link href="../static/css/bootstrap.min.css" th:href="@{/static/css/bootstrap.min.css}" rel="stylesheet">
<link href="../static/css/login.css" th:href="@{/static/css/login.css}" rel="stylesheet">
</head>
<body>
<div class="header">
    <div class="k1">
        <a href="/" class="logo">
            <h1>XX学校</h1>
        </a>
    </div>
</div>
<div class="main main_bg1 main_bg2">
    <div class="k1">
        <div class="login r">
            <ul class="hd" id="hd">
                <li class="on">普通登录</li>
            </ul>
            <ul class="bd" id="bd">
                <li style="display: block;">
                    <form name="formLogin" method="post">
                        <input type="hidden"     name="uuid" id="uuid" />
                        <input type="hidden"     name="client_id" th:value="${client_id}" />
                        <input type="hidden"     name="redirect_uri" th:value="${redirect_uri}" />
                        <input type="hidden"     name="state" th:value="${state}" />
                        <input type="hidden"     name="scope" th:value="${scope}" />
                        <input type="hidden"     name="response_type" th:value="${response_type}" />
                        <input type="text" class="tex" placeholder="用户名" name="username"/>
                        <input type="password" class="tex tex2" placeholder="密码" name="password"/>
                        <div class="forgive">
                            <label class="l">
                                <input type="text" class="tex" value="" name="code" id="code" placeholder="验证码" autocomplete="false"/>
                            </label>
                            <img id="codeImg" class="r"/>
                        </div>
                        <div class="clear"></div>
                        <input class="but" type="submit" value="登     录"/>
                    </form>
                </li>
                <li>2</li>
            </ul>
        </div>
    </div>
</div>
<div class="footer">
    <p>Copyright©2024 XX学校 版权所有</p>
</div>
</body>

<script src="../static/js/jquery.min.js" th:src="@{/static/js/jquery.min.js}"></script>
<script src="../static/js/bootstrap.min.js" th:src="@{/static/js/bootstrap.min.js}"></script>
<script src="../static/js/jquery.validate.min.js" th:src="@{/static/js/jquery.validate.min.js}"></script>
<script>
    $(function(){
        $.get("/captchaImage", function(res){
            $('#codeImg').attr("src","data:image/gif;base64," + res.img);
            $('#uuid').val(res.uuid);
        });
    })
</script>
</html>
